@import "variables";
.seed-sponsor{
  background:color($h5,c9);
  .search-results{
    background:color($h5,c10);
  }
  .sponsor-clum{
    width:100%;
    background:color($h5,c10);
    //margin-bottom:pxTorem(15);
    padding:pxTorem(15) pxTorem(20);
    padding-top:pxTorem(30);
    position: relative;
  }
  .sponsor-clum:after{
    content: '';
    display: block;
    width:100%;
    height:pxTorem(15);
    background:color($h5,c9);
    position: absolute;
    bottom:0;
    left:0;
  }
  .sponsor-clum:nth-last-of-type(1):after{
    display: none;
  }
  .sponsor-clum-title{
    .sponsor-title{
      width:100%;
      padding-bottom:pxTorem(20);
      display: flex;
      align-items: center;
      span{
        margin-bottom:pxTorem(2);
        width:pxTorem(69);
        min-width: pxTorem(69);
        height:pxTorem(36);
        line-height: pxTorem(36);
        text-align: center;
        @include font-dpr(20px);
        color:color($h5,c10);
        background:color($h5,c1);
        border-radius:pxTorem(18);
        padding-top:pxTorem(2);
        box-shadow: pxTorem(2) pxTorem(2) pxTorem(3) #C8EDDD, pxTorem(2) pxTorem(2) pxTorem(3) #C8EDDD, pxTorem(2) pxTorem(2) pxTorem(3) #C8EDDD, pxTorem(2) pxTorem(2) pxTorem(3) #C8EDDD;
      }
      p{
        @include font-dpr(36px);
        color:color($h5,c2);
        font-weight: bold;
        margin-left:pxTorem(5);
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
    .sponsor-project{
      padding-bottom:pxTorem(16);
      display: flex;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      align-items: baseline;
      span{
        @include font-dpr(26px);
        color:color($h5,c2);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing:content-box;
      }
      span:nth-child(1){
        width:pxTorem(69);
        min-width: pxTorem(69);
      }
    }
  }
  .sponsor-img{
    width:100%;
    text-align: center;
    margin-top:pxTorem(6);
    padding-bottom:pxTorem(30);
    //img{
    //  height:pxTorem(398);
    //}
    .match-picture{
      width:100%;
      height:pxTorem(409);
      background:color($h5,c10);
      text-align: center;
      background-repeat: no-repeat;
      background-position: center center;
      background-size:cover;
      border-top-left-radius: pxTorem(5);
      border-top-right-radius: pxTorem(5);
    }
  }
}
.sponsor-filter-tabs{
  -webkit-transform: translateZ(0);
  z-index:9;
  opacity: 1;
  overflow: scroll;
  position: fixed;
  width: pxTorem(90px);
  height: pxTorem(90px);
  right: pxTorem(20px);
  bottom: pxTorem(240px);
  transition: all 1S ease-out 0s;
  background: url('../../../assets/icon/ss_screen.png') no-repeat center center/contain;
}
